import axios from 'axios'
import {message as Msg} from 'ant-design-vue'
import useToken from '@/stores/token.js'
import router from '@/router'

const service = axios.create({
  baseURL: '/api'
})

// 请求拦截器
service.interceptors.request.use((config)=> {
  const {token} = useToken()
  if(token){
    config.headers.Authorization = `Bearer ${token}`
  }
  return config
},
error =>  Promise.reject(error)
)
// 响应拦截器
service.interceptors.response.use(
  (response) => {
    const { success, message, data } = response.data // axios默认加了一层data
    if (success) {
      // 表示执行成功
      return data // 返回需要的业务数据
    }
    // 提示消息
    Msg.error(message)
    // 报错
    return Promise.reject(new Error(message))
  },
  (error) => {
    if(error.response.status === 401){
      // 说明token超时  超时和没有token一样
      const { removeToken } = useToken()
      removeToken() // 删除token
      // 回到登录
      router.push('/login')
    }
    return  Promise.reject(error)
  }
)
export default service